<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  <meta name="csrf-token" content="{{ csrf_token() }}">
  <title>老侯代读</title>
  <meta name="description" content="" /> 
  <meta name="keywords" content="" />
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/iconfont.css">
  <script src="/js/jquery.min.js"></script>
  <script src="/js/public.js"></script>
  <script src="/js/js.js"></script>
  <script src="/js/bookdetail.js"></script>
</head>
<body>
<div class="container">
  <div class="wrap info-bar clearfix search-header">
    <p class="search-box">
      <i class="search-icon"></i>
      <input id="txtkeyword" name="txtkeyword" type="text">
    </p>
    <a id="cancle" class="cancle">取消</a>
  </div>
  <div class="container">
    <ul id="searchHtml" class="search-result">
      @if(count($entBookInfo)>0)
        @foreach($entBookInfo as $data)
          @if($data->IsGratis==1)
          <li>
            <p class="sear-name"><a href="/bookdetail/{{$data->BookID}}.html">{{$data->BookTitle}}</a></p>
            <p class="to-book">
                <a href="/bookdetail/{{$data->BookID}}.html"><img src="/images/to-video.png" alt=""></a>
                <a href="/audiodetail/{{$data->BookID}}.html"><img src="/images/to-audio.png" alt=""></a>
            </p>
          </li>
          @endif
        @endforeach
      @endif
      {{--<li><a href="">世界上最伟大的推销员</a></li>--}}
    </ul>
  </div>
  <!--底部-->
  @include('controller.footer')
  <div class="mask">
    <div class="slide-class-box">
      <div class="slide-class-head clearfix">
        <h3 class="">代读类别</h3>
        <span id="selAllClass" class="class-sel-all">全部</span>
        <a class="sel-ok" id="selOk" href="javascript:;">完成</a>
      </div>
      <div class="slide-class-container">
        <ul id="classBox" class="class-item-box clearfix">
          <li class="act"><a>历史传奇</a></li>
          <li><a>历史传奇</a></li>
          <li><a>历史传奇</a></li>
          <li><a>历史传奇</a></li>
          <li><a>历史传奇</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>
<script>
  $(function(){
    $("#cancle").on("click", function(){
      window.history.go(-1);
    })
  })
</script>
</body>
</html>